<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>DCO签署</title>
  <link rel="stylesheet" href="../layui/css/layui.css">
  <style>
    body {
      background-color: #f0f0f0; /* 可以设置一个背景颜色以替代背景图片 */
      margin: 0;
      padding: 0;
    }
    .header {
      margin: 20px;
      font-size: 48px;
      font-weight: bold;
      text-align: left;
    }
    .container {
      display: flex;
      justify-content: space-between; /* 保持内容和按钮之间的间距 */
      align-items: center;
      height: calc(100vh - 100px); /* 减去header和footer的高度 */
      padding: 20px;
      background-image: url('./img/background.png');  /* 确保路径正确 */
      background-size: cover; /* 使背景图片覆盖整个内容区域 */
      background-position: center;
      background-repeat: no-repeat;
    }
    html {
        font-size: 16px; /* 默认字体大小 */
    }

    /* 使用媒体查询根据屏幕尺寸调整根元素的字体大小 */
    @media (max-width: 1200px) {
        html {
            font-size: 15px;
        }
    }

    @media (max-width: 992px) {
        html {
            font-size: 14px;
        }
    }

    @media (max-width: 768px) {
        html {
            font-size: 13px;
        }
    }

    @media (max-width: 576px) {
        html {
            font-size: 12px;
        }
    }
    .content {
      margin-right: 20px;
      text-align: left;
      font-family: Roboto-Regular, sans-serif;
      color: #424242;
      font-size: 4rem;
      line-height: 1.5;
      font-weight: 700;
      width: 50%; /* 根据需要调整宽度 */
      height: 100%; /* 使内容区域占满整个容器 */
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 20px;
      background-color: rgba(255, 255, 255, 0.8); /* 添加半透明背景色以增强可读性 */
    }
    .buttons {
      display: flex;
      flex-direction: column;
      align-items: flex-start; /* 左侧对齐 */
      width: 40%; /* 根据需要调整宽度 */
    }
    .myBtn {
      width: 60%; /* 确保按钮宽度一致 */
      height: 4rem;
      font-size: 1.3rem;
      margin: 1.2rem 0;
      border: none; /* 去掉边框 */
      border-radius: 2rem;
    }
    .myBtn, .myBtn:active, .myBtn:focus, .myBtn:hover {
      color: #fff;
      background: linear-gradient(90deg, #87CEEB, #B0E0E6);  /* 浅蓝色渐变 */
    }
    .buttons button {
      margin-bottom: 10px;
    }
    .footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      background-color: #333;
      color: #fff;
      text-align: center;
      padding: 10px 0;
      font-size: 14px;
    }
  </style>
</head>
<body>

<div class="header"><a href="https://atomgit.com/">AtomGit</a></div>

<div class="container">
  <div class="content">
    <div>开发者原创声明</div>
    <div style="margin-top: 20px;">Developer Certificate of Origin</div>
  </div>
  <div class="buttons">
    <button class=" myBtn">查寻DCO签署状态</button>
    <button class=" myBtn">签署DCO协议声明</button>
    <!-- <button class="layui-btn layui-btn-primary myBtn">OAuth2应用授权</button>
    <button class="layui-btn layui-btn-primary myBtn">DCO验证授权</button> -->
  </div>
</div>

<div class="footer">
  <p>XXXX版权所有 | 京ICP备XXXX号 | Copyright © 2024 ATOMGIT FOUNDATION. All rights reserved.</p>
</div>

<script src="../layui/layui.js"></script>pm2
<script>
  layui.use(['layer', 'form','jquery'], function(){
    var layer = layui.layer;
    var form = layui.form;
    var $ = layui.$; // 使用jquery
    $('.buttons').on('click', '.myBtn', function() {
            var btnText = $(this).text(); // 获取按钮的文本

            // 根据按钮的文本执行不同的操作
            switch(btnText) {
                case '查寻DCO签署状态':
                window.location.href = '/static/dco/check-sign-status.html';
                    break;
                case '签署DCO协议声明':
                window.location.href = '/static/dco/sign-dco.html';
                    break;
               case 'OAuth2应用授权':
                window.location.href = '/static/dco/oauth2.html';
                    break;
                case 'DCO验证授权':
                window.location.href = '/static/dco/auth.html';
                    break;
                default:
                    alert('未知操作');
            }
          })

          $(document).ready(function() {
            // 获取当前页面的URL
            var currentUrl = window.location.href;
            console.log('currentURL:', currentUrl);
          
            // 解析URL参数
            var urlParams = new URLSearchParams(window.location.search);
            console.log('urlParams:', urlParams);
          
            // 获取特定参数的值
            var code = urlParams.get('code');
            var install_id = urlParams.get('installation_id');
            console.log('code:', code);
            console.log('install_id:', install_id);
            // 判空处理
            if (code !== null && code !== '') {
                // 发送GET 授权请求
                $.ajax({
                    url: '/api/v1/oauth2callback?code='+encodeURIComponent(code)+'&installation_id='+encodeURIComponent(install_id), // 目标URL
                    type: 'GET', // 请求类型为GET
                    success: function(res){
                        // 请求成功后的回调函数
                        console.log(res);
                        layer.msg('OAuth2授权成功', {
                            icon: 1, // 图标类型，1表示成功图标
                            time: 3000 // 消息框显示的时间，单位为毫秒
                        },function(){
                            // 消息框关闭后的回调
                            //window.location.href = '/static/dco/sign.html'; // 跳转到目标页面
                        });

                    },
                    error: function(err){
                        // 请求失败后的回调函数
                        console.error(err);
                        layer.msg('OAuth2授权请求失败', {
                            icon: 2, // 图标类型，1表示成功图标
                            time: 2000 // 消息框显示的时间，单位为毫秒
                        })
                    }
                });
            }
          });

        // $('.myBtn0').on('click', function() {
        //   window.location.href = '/static/dco/check-sign-status.html';
        // });

        // $('.myBtn1').on('click', function() {
        //   window.location.href = '/static/dco/sign-dco.html';
        // });

        // $('.myBtn2').on('click', function() {
        //   window.location.href = '/static/dco/auth.html';
        // });

    // 示例：点击按钮时的提示
    // document.querySelector('.buttons button:first-child').addEventListener('click', function() {
    //   //layer.msg('正在查寻DCO签署状态...');
    //   window.location.href = '/static/dco/check-sign-status.html';
    // });

    // document.querySelector('.buttons button:last-child').addEventListener('click', function() {
    //   //layer.msg('正在签署DCO...');
    //    // 跳转到 sign-dco.html 页面
    //    window.location.href = '/static/dco/sign-dco.html';
    // });
  });
</script>

</body>
</html>
